<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="安装LED显示屏,LED显示屏安装,LED显示屏报价,LED显示屏维修">
    <meta name="description" content="万屏汇是一家提供LED显示屏报价,LED显示屏安装,LED显示屏维修服务的网站,为全国客户提供上门报价,安装,维修服务">
    <title>万屏汇-上门安装LED屏,LED显示屏安装,LED显示屏报价,LED显示屏维修,万屏网维修</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/repair.css">

</head>
<body>
    <header class="Head">
        <span class="icon-logo"></span>
        <span class="small">&nbsp;上市公司洲明科技旗下</span>
    </header>
    <div id="welcome">
        <h2>已为您找到附近<span class="s-count">…</span>家<br>LED屏维修工程师</h2>
    </div>
    <section id="map">
        <div id="container" tabindex="0"></div>
        <div class="search">
            <img class="search-icon" src="http://wanpingwang.com/img/01.png">
            <input id="keyword" type="text" placeholder="输入屏幕维修地址">
            <span class="clear-words" onclick="clearWords(event,this)">×</span>
            <!--<div class="search-count">附近有<span class="s-count">…</span>家</div>-->
        </div>
    </section>
    <h1 class="text-primary text-title"><span class="font-bold">3 </span>分钟内响应&nbsp;&nbsp;&nbsp;&nbsp;<span class="font-bold">1.5</span>小时上门</h1>
    <section id="phone">
        <div class="container">
            <p class="text-sub">立即维修</p>
            <span class="type-title">屏幕类型</span>
            <p class="type-choose type" onclick="chooseOptions(event,this)">
                <span class="type-item active" typeId="2">户外广告屏</span>
                <span class="type-item" typeId="1">门头字幕屏</span>
                <span class="type-item" typeId="3">信息告示屏</span>
                <span class="type-item" typeId="4">舞台用屏</span>
                <span class="type-item" typeId="5">室内高清屏</span>
            </p>
            <span class="type-title hide">室内外</span>
            <p class="type-choose location hide" onclick="chooseOptions(event,this)">
                <span class="type-item active" locationId="1">户外</span>
                <span class="type-item" locationId="2">室内</span>
                <span class="type-item" locationId="3">半户外</span>
            </p>
            <span class="type-title">颜色</span>
            <p class="type-choose color" onclick="chooseOptions(event,this)">
                <span class="type-item active" colorId="3">全彩</span>
                <span class="type-item" colorId="1">单色</span>
                <span class="type-item" colorId="2">双色</span>
            </p>
            <span class="type-title">间距</span>
            <p class="type-choose span" onclick="chooseOptions(event,this)">
                <span class="type-item" spanId="1">P10以上</span>
                <span class="type-item" spanId="10">P10</span>
                <span class="type-item active" spanId="8">P8</span>
                <span class="type-item" spanId="5">P5</span>
                <span class="type-item" spanId="4">P4</span>
                <span class="type-item" spanId="3">P3</span>
                <span class="type-item" spanId="2.5">P2.5</span>
                <span class="type-item" spanId="2">P2</span>
                <span class="type-item" spanId="0">P2以下</span>
            </p>
            <span class="type-title">故障描述</span>
            <p class="type-choose malf" onclick="chooseOptions(event,this)">
                <span class="type-item active"  malfId="1">部分不亮</span>
                <span class="type-item"  malfId="2">整屏不亮</span>
                <span class="type-item"  malfId="3">颜色异常</span>
                <span class="type-item"  malfId="4">出现亮点暗点</span>
                <span class="type-item"  malfId="5">远程技术支持</span>
                <span class="type-item"  malfId="6">无法更换屏幕内容</span>
                <span class="type-item"  malfId="0">其他问题</span>
            </p>
            <span class="type-title">预留信息</span>
            <p class="type-mobile">
                <input class="input input-mobile" placeholder="输入手机号方便维修师傅联系您"/>
                <button class="btn" onclick="submit(event,this)">提交</button>
                <span class="ErrorTip" onclick="removeSelf(event,this)">手机号不能为空</span>
            </p>
            <p class="tip">*维修师傅会通过中间号联系您，以保护您的隐私</p>
        </div>
    </section>
    <section id="oldCase">
        <div class="container">
            <p class="text-sub">近期维修项目</p>
            <div class="case-list">
                <div class="list">
                    <p class="case-title">户外广告屏<span class="case-money pull-right"><span class="text-small">&yen; &nbsp;</span>800</span></p>
                    <p class="case-detail">山东 15㎡ 户外 全彩 P8</p>
                    <p class="case-fault">屏幕部分不亮<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
                <div class="list">
                    <p class="case-title">户外广告屏<span class="case-money pull-right"><span class="text-small">&yen; &nbsp;</span>2500</span></p>
                    <p class="case-detail">梅州 50㎡ 户外 全彩 P10</p>
                    <p class="case-fault">出现亮点暗点<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
                <div class="list">
                    <p class="case-title">信息告示屏<span class="case-money pull-right"><span class="text-small">&yen; &nbsp;</span>600</span></p>
                    <p class="case-detail">广州 10㎡ 户外 双色 P8</p>
                    <p class="case-fault">屏幕部分不亮<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
                <div class="list">
                    <p class="case-title">室内高清屏<span class="case-money pull-right"><span class="text-small">&yen; &nbsp;</span>1200</span></p>
                    <p class="case-detail">郑州 32㎡ 室内 全彩 P3</p>
                    <p class="case-fault">有色彩问题<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
            </div>
        </div>
    </section>
    <section id="service">
        <div class="container">
            <p class="text-sub">服务流程</p>
            <div class="flush-list bg-1">
                <span class="line"></span>
                <p class="list-title"><span class="cril"></span>提交需求</p>
                <p class="list-detail">在线填写维修需求，我们将在2分钟内与您联系,确认故障信息</p>

                <span class="line"></span>
                <p class="list-title"><span class="cril"></span>召集工程商</p>
                <p class="list-detail">在线发布需求，召集您附近的至少3家工程商提供解决方案和报价</p>

                <span class="line"></span>
                <p class="list-title"><span class="cril"></span>选择方案</p>
                <p class="list-detail">选择您心仪的工程商，商榷合作</p>

                <span class="lineLast"></span>
                <p class="list-title"><span class="cril"></span>上门维修</p>
                <p class="list-detail">经过平台培训认证的工程师将上门提供维修服务</p>
            </div>
        </div>
    </section>
    <section id="newWph">
        <p class="text-sub">万屏汇动态</p>
        <div class="over-shell">
            <div class="shell">
                <div class="list">
                    <div class="div-img">
                        <img class="img img1" src="img/uniluminr.png"/>
                    </div>
                    <p class="desc">2015年底，我们即接受了来自洲明科技(SZ:300232) 领投的数千万种子投资。作为全球领先的数字广告牌提供商的上市企业，带给我们的不仅仅只是资金上的支付，还有来自LED行业里无法估量的经验以及资源，这些支撑我们创造更大的梦想，并更快的实现。我们旨在通过提供集群化、智能化、连接内容和服务的方式让 LED 显示屏更贴近于用户。</p>
                </div>
                <div class="list">
                     <div class="div-img">
                        <img class="img img4" src="img/souhur.png"/>
                    </div>
                    <p class="desc">2017年6月搜狐网报道： 万屏汇，是深圳万屏时代有限公司的一款针对LED显示屏行业交易开发的一款网络产品。让客户一键上门安装LED屏，享受一站式“千家厂商直供，多家报价方案可选，平台统一承保”的服务体验...... 万屏汇下一步将更深入的服务于工程商 我们下一步，就会完善更多的服务细节，从LED产品，物流，售后，金融等领域，更好的服务于工程商群体。</p>
                </div>
                <div class="list">
                    <div class="div-img">
                        <img class="img img3" src="img/baidur.png"/>
                    </div>
                    <p class="desc">2018年初，万屏汇已与百度签署了独家战略合作，万屏汇成为百度的行业独家代理和服务商，为优质供应商提供推广托管服务，帮助工程商降低推广成本，同时提高用户质量。百度将全力支持万屏汇作为行业平台，为LED显示屏行业提供服务。</p>
                </div>
                <div class="list">
                    <div class="div-img">
                        <img class="img img2" src="img/lampr.png"/>
                    </div>
                    <p class="desc">2018年，我们将和蓝普一起，共同建立起由至少2.5万家活跃工程商组成的销售和服务网络（天网+地网）。蓝普渠道通过线下推广蓝普和万屏汇，万屏汇通过线上推广蓝普。2018年，我们将和蓝普一起，连接10万块大屏，提供维保、广告交易服务，并在4月前，全面推广Unicare（大屏云托管）服务。</p>
                </div>
            </div>
        </div>
    </section>
    <section id="Footer">
        <div class="container">
            <div class="company">
                <img src="img/logo2.png" alt="万屏汇logo">
                <span>上市公司洲明旗下</span>
            </div>
            <a href="tel:400-998-0215 " class="contact-phone">
                <span class="contact-tel text-primary"><span class="tel-name">全国服务热线 </span> 400-998-0215 </span>
                <p></p>
                <p class="website-info">粤ICP备16014213号-8&nbsp;&nbsp;&nbsp;&nbsp;万屏时代科技有限公司<br>深圳市前海深港合作区前湾一路1号A栋201</p>
            </a>
        </div>
    </section>
    <section id="succTip" class="container" onclick="closePanel(event,this)">
        <div class="tip"><span class="icon-checkmark"></span>提交成功<br><span class="text-samll">万屏汇客服将在3分钟内给您回电，免费提供咨询服务</span> </div>
    </section>
    



    <script src="js/jquery-2.1.3.min.js"></script>
    <!--七陌客服-->
    <script type='text/javascript' src='https://webchat.7moor.com/javascripts/7moorInit.js?accessId=5f1eb5e0-2118-11e8-8818-9540b7602cd0&autoShow=true&language=ZHCN' async='async'>
    </script>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=6c0e36127d14dc28ac5e614163f402aa"></script>
    <!--高德地图-->
    <script type="text/javascript">
        var _timer = null;
        $(document).ready(function () {
            var i = 0;
            _timer = setInterval(function(){
                i += 1;
                if(i <=49){
                    $('.s-count').html(i);
                }else{
                    clearInterval(_timer);
                }
            },100);
        });

        var map = new AMap.Map('container',{
            zoom:14
        });
        map.plugin('AMap.Geolocation', function () {
            geolocation = new AMap.Geolocation({
                enableHighAccuracy: true,//是否使用高精度定位，默认:true
                timeout: 10000,          //超过10秒后停止定位，默认：无穷大
                maximumAge: 0,           //定位结果缓存0毫秒，默认：0
                convert: true,           //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
                showButton: true,        //显示定位按钮，默认：true
                buttonPosition: 'LB',    //定位按钮停靠位置，默认：'LB'，左下角
                buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
                showMarker: true,        //定位成功后在定位到的位置显示点标记，默认：true
                showCircle: true,        //定位成功后用圆圈表示定位精度范围，默认：true
                panToLocation: true,     //定位成功后将定位到的位置作为地图中心点，默认：true
                zoomToAccuracy:false      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
            });
            map.addControl(geolocation);
            geolocation.getCurrentPosition();
            AMap.event.addListener(geolocation, 'complete', function (json) {
                console.log(json);
                map.setZoomAndCenter(14, [json.position.lng, json.position.lat]);
                changeSupplierConunt(json.addressComponent.adcode,json.position);
                setTimeout(function () {
                    $('#welcome').fadeOut();
                },4000);
            });//返回定位信息
            AMap.event.addListener(geolocation, 'error', function (error) {
                console.log(error);
                setTimeout(function () {
                    $('#welcome').fadeOut();
                },4000);
            });      //返回定位出错信息
        });

        // 搜索
        AMap.plugin(['AMap.Autocomplete','AMap.PlaceSearch'],function(){
            var autoOptions = {
                city: "", //城市，默认全国
                input: "keyword"//使用联想输入的input的id
            };
            var autocomplete= new AMap.Autocomplete(autoOptions);
            var placeSearch = new AMap.PlaceSearch({
                city:'',
                map:map
            })
            AMap.event.addListener(autocomplete, "select", function(e){
                //TODO 针对选中的poi实现自己的功能
            //    placeSearch.setCity(e.poi.adcode);
            //    map.panTo();
                setMark(e.poi.location);
                changeSupplierConunt(e.poi.adcode,e.poi.location);
            });
        });

        var markArry = [];

        // 设置搜索点的图标
        function setMark(pos) {
            map.remove(markArry);
            var marker = new AMap.Marker({
                icon: "http://wanpingwang.com/img/06.png",
                position: [pos.lng,pos.lat],
                map: map
            });
            markArry.push(marker);
        }

        // 搜索附近的银行代替随机工程商点
        function searchAround(pos,iconCount) {
            AMap.service(["AMap.PlaceSearch"], function() {
                placeSearch = new AMap.PlaceSearch({ //构造地点查询类
                    pageSize: iconCount,
                    type: '诊所',
                    pageIndex: 1,
                    city: "", //城市
                    map: map,
                //    panel: "panel"
                });

                var cpoint = [pos.lng, pos.lat]; //中心点坐标
                placeSearch.searchNearBy('', cpoint, 10000, function(status, result) {
                    console.dir(result);
                //    var list = result.poiList.pois;
                //    for(var i=0;i<list.length;i++){

                //        var marker = new AMap.Marker({
                //            icon: "",
                //            position: [list[i].location.lng,list[i].location.lat],
                //            map: map
                //        });
                //        marker.content = '<div class="infos">\n' +
                //            '    <h4>深圳野合万事兴有限公司</h4>\n' +
                //            '    <p>'+'我是第' + (i + 1) + '个Marker<br/>'+'本公司主要经营led相关产品批发与销售，并提供led屏幕安装、维修、租赁服务。</p>\n' +
                //            '</div>';

                //        marker.on('click', markerClick);
                //        marker.emit('click', {target: marker});
                //        markArry.push(marker);
                //    }
                //    function markerClick(e) {
                //        infoWindow.setContent(e.target.content);
                //        infoWindow.open(map, e.target.getPosition());
                //    }
                    map.setZoomAndCenter(14, [pos.lng, pos.lat]);
                });
            });
            $('.amap_lib_placeSearch_poi').off('click hover');
        }

        // 根据不同地区，显示不同的工程商数量/图标数量
        function changeSupplierConunt(adcode,pos) {
            var count = 0,iconCount = 0;
            var farawayProv = [65,54,15,63,62]; // 偏远省份
            var adcodeProv = adcode.substr(0,2); // 省份代码
            var adcodeCity = adcode.substr(2,2); // 城市代码
            var sz = adcode.substr(0,4);

            // 如果是省会城市，或者是深圳  378~570
            if(adcodeCity == 01 || sz==4403){
                count = parseInt(Math.random()*192) + 378;
                iconCount = parseInt(Math.random()*5) + 12;

                // 如果是偏远省份
            }else if($.inArray(adcodeProv,farawayProv) > -1){
                count = parseInt(Math.random()*38) + 49;
                iconCount = parseInt(Math.random()*2) + 3;

                // 其他
            }else{
                count = parseInt(Math.random()*111) + 143;
                iconCount = parseInt(Math.random()*4) + 8;
            }
            clearInterval(_timer);
            // 修改数量
            $('.s-count').text(count);
            // 绘制工程商位置点
            searchAround(pos,iconCount);
        }

    </script>
    <!--js解析url参数-->
    <script>
        window["globalData"] = globalData = {};

        var doc_reffer = document.referrer.split("?")[1];
        try {
            var str2 = decodeURI(doc_reffer);
        } catch (e) {
            var str2 = "";
        }
        try {
            var str = decodeURI(window.location.href.split('?')[1]);
        } catch (e) {
            var str = "";
        }

        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = str.match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }

        function GetReferrer(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = str2.match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }

        var word = GetReferrer("word");//百度的搜索词
        var query = GetReferrer("query");//搜狗的搜索词
        var source = GetQueryString("source");
        var plan = GetQueryString("plan");
        var unit = GetQueryString("unit");
        var keyword = GetQueryString("keyword");
        var e_keywordid = GetQueryString("e_keywordid");
        var e_matchtype = GetQueryString("e_matchtype");
        var e_creative = GetQueryString("e_creative");
        var e_adposition = GetQueryString("e_adposition");
        var e_pagenum = GetQueryString("e_pagenum");
        var semWords = {
            source: source ? source : '',
            word: word || query || '',
            plan: plan ? plan : '',
            unit: unit ? unit : '',
            keyword: keyword ? keyword : '',
            e_keywordid: e_keywordid ? e_keywordid : '',
            e_matchtype: e_matchtype ? e_matchtype : '',
            e_creative: e_creative ? e_creative : '',
            e_adposition: e_adposition ? e_adposition : '',
            e_pagenum: e_pagenum ? e_pagenum : '',
            UrlReferrer: decodeURI(location.href) ? decodeURI(location.href) : ''
        };
        console.log(semWords);
        if (semWords.source || semWords.plan || semWords.unit || semWords.keyword || semWords.e_keywordid || semWords.e_matchtype
            || semWords.e_creative || semWords.e_adposition || semWords.e_pagenum || semWords.UrlReferrer) {
            semWords = JSON.stringify(semWords);
            globalData.sem = semWords;
        }

        globalData.cityToProvince = {
            "北京市": "北京市",
            "天津市": "天津市",
            "石家庄市": "河北省",
            "唐山市": "河北省",
            "秦皇岛市": "河北省",
            "邯郸市": "河北省",
            "邢台市": "河北省",
            "保定市": "河北省",
            "张家口市": "河北省",
            "承德市": "河北省",
            "沧州市": "河北省",
            "廊坊市": "河北省",
            "衡水市": "河北省",
            "太原市": "山西省",
            "大同市": "山西省",
            "阳泉市": "山西省",
            "长治市": "山西省",
            "晋城市": "山西省",
            "朔州市": "山西省",
            "晋中市": "山西省",
            "运城市": "山西省",
            "忻州市": "山西省",
            "临汾市": "山西省",
            "吕梁市": "山西省",
            "呼和浩特市": "内蒙古自治区",
            "包头市": "内蒙古自治区",
            "乌海市": "内蒙古自治区",
            "赤峰市": "内蒙古自治区",
            "通辽市": "内蒙古自治区",
            "鄂尔多斯市": "内蒙古自治区",
            "呼伦贝尔市": "内蒙古自治区",
            "巴彦淖尔市": "内蒙古自治区",
            "乌兰察布市": "内蒙古自治区",
            "兴安盟": "内蒙古自治区",
            "锡林郭勒盟": "内蒙古自治区",
            "阿拉善盟": "内蒙古自治区",
            "沈阳市": "辽宁省",
            "大连市": "辽宁省",
            "鞍山市": "辽宁省",
            "抚顺市": "辽宁省",
            "本溪市": "辽宁省",
            "丹东市": "辽宁省",
            "锦州市": "辽宁省",
            "营口市": "辽宁省",
            "阜新市": "辽宁省",
            "辽阳市": "辽宁省",
            "盘锦市": "辽宁省",
            "铁岭市": "辽宁省",
            "朝阳市": "辽宁省",
            "葫芦岛市": "辽宁省",
            "长春市": "吉林省",
            "吉林市": "吉林省",
            "四平市": "吉林省",
            "辽源市": "吉林省",
            "通化市": "吉林省",
            "白山市": "吉林省",
            "松原市": "吉林省",
            "白城市": "吉林省",
            "延边朝鲜族自治州": "吉林省",
            "哈尔滨市": "黑龙江省",
            "齐齐哈尔市": "黑龙江省",
            "鸡西市": "黑龙江省",
            "鹤岗市": "黑龙江省",
            "双鸭山市": "黑龙江省",
            "大庆市": "黑龙江省",
            "伊春市": "黑龙江省",
            "佳木斯市": "黑龙江省",
            "七台河市": "黑龙江省",
            "牡丹江市": "黑龙江省",
            "黑河市": "黑龙江省",
            "绥化市": "黑龙江省",
            "大兴安岭地区": "黑龙江省",
            "上海市": "上海市",
            "南京市": "江苏省",
            "无锡市": "江苏省",
            "徐州市": "江苏省",
            "常州市": "江苏省",
            "苏州市": "江苏省",
            "南通市": "江苏省",
            "连云港市": "江苏省",
            "淮安市": "江苏省",
            "盐城市": "江苏省",
            "扬州市": "江苏省",
            "镇江市": "江苏省",
            "泰州市": "江苏省",
            "宿迁市": "江苏省",
            "杭州市": "浙江省",
            "宁波市": "浙江省",
            "温州市": "浙江省",
            "嘉兴市": "浙江省",
            "湖州市": "浙江省",
            "绍兴市": "浙江省",
            "金华市": "浙江省",
            "衢州市": "浙江省",
            "舟山市": "浙江省",
            "台州市": "浙江省",
            "丽水市": "浙江省",
            "合肥市": "安徽省",
            "芜湖市": "安徽省",
            "蚌埠市": "安徽省",
            "淮南市": "安徽省",
            "马鞍山市": "安徽省",
            "淮北市": "安徽省",
            "铜陵市": "安徽省",
            "安庆市": "安徽省",
            "黄山市": "安徽省",
            "滁州市": "安徽省",
            "阜阳市": "安徽省",
            "宿州市": "安徽省",
            "六安市": "安徽省",
            "亳州市": "安徽省",
            "池州市": "安徽省",
            "宣城市": "安徽省",
            "福州市": "福建省",
            "厦门市": "福建省",
            "莆田市": "福建省",
            "三明市": "福建省",
            "泉州市": "福建省",
            "漳州市": "福建省",
            "南平市": "福建省",
            "龙岩市": "福建省",
            "宁德市": "福建省",
            "南昌市": "江西省",
            "景德镇市": "江西省",
            "萍乡市": "江西省",
            "九江市": "江西省",
            "新余市": "江西省",
            "鹰潭市": "江西省",
            "赣州市": "江西省",
            "吉安市": "江西省",
            "宜春市": "江西省",
            "抚州市": "江西省",
            "上饶市": "江西省",
            "济南市": "山东省",
            "青岛市": "山东省",
            "淄博市": "山东省",
            "枣庄市": "山东省",
            "东营市": "山东省",
            "烟台市": "山东省",
            "潍坊市": "山东省",
            "济宁市": "山东省",
            "泰安市": "山东省",
            "威海市": "山东省",
            "日照市": "山东省",
            "莱芜市": "山东省",
            "临沂市": "山东省",
            "德州市": "山东省",
            "聊城市": "山东省",
            "滨州市": "山东省",
            "菏泽市": "山东省",
            "郑州市": "河南省",
            "开封市": "河南省",
            "洛阳市": "河南省",
            "平顶山市": "河南省",
            "安阳市": "河南省",
            "鹤壁市": "河南省",
            "新乡市": "河南省",
            "焦作市": "河南省",
            "濮阳市": "河南省",
            "许昌市": "河南省",
            "漯河市": "河南省",
            "三门峡市": "河南省",
            "南阳市": "河南省",
            "商丘市": "河南省",
            "信阳市": "河南省",
            "周口市": "河南省",
            "驻马店市": "河南省",
            "济源市": "河南省",
            "武汉市": "湖北省",
            "黄石市": "湖北省",
            "十堰市": "湖北省",
            "宜昌市": "湖北省",
            "襄阳市": "湖北省",
            "鄂州市": "湖北省",
            "荆门市": "湖北省",
            "孝感市": "湖北省",
            "荆州市": "湖北省",
            "黄冈市": "湖北省",
            "咸宁市": "湖北省",
            "随州市": "湖北省",
            "恩施土家族苗族自治州": "湖北省",
            "仙桃市": "湖北省",
            "潜江市": "湖北省",
            "天门市": "湖北省",
            "神农架林区": "湖北省",
            "长沙市": "湖南省",
            "株洲市": "湖南省",
            "湘潭市": "湖南省",
            "衡阳市": "湖南省",
            "邵阳市": "湖南省",
            "岳阳市": "湖南省",
            "常德市": "湖南省",
            "张家界市": "湖南省",
            "益阳市": "湖南省",
            "郴州市": "湖南省",
            "永州市": "湖南省",
            "怀化市": "湖南省",
            "娄底市": "湖南省",
            "湘西土家族苗族自治州": "湖南省",
            "广州市": "广东省",
            "韶关市": "广东省",
            "深圳市": "广东省",
            "珠海市": "广东省",
            "汕头市": "广东省",
            "佛山市": "广东省",
            "江门市": "广东省",
            "湛江市": "广东省",
            "茂名市": "广东省",
            "肇庆市": "广东省",
            "惠州市": "广东省",
            "梅州市": "广东省",
            "汕尾市": "广东省",
            "河源市": "广东省",
            "阳江市": "广东省",
            "清远市": "广东省",
            "东莞市": "广东省",
            "中山市": "广东省",
            "潮州市": "广东省",
            "揭阳市": "广东省",
            "云浮市": "广东省",
            "南宁市": "广西壮族自治区",
            "柳州市": "广西壮族自治区",
            "桂林市": "广西壮族自治区",
            "梧州市": "广西壮族自治区",
            "北海市": "广西壮族自治区",
            "防城港市": "广西壮族自治区",
            "钦州市": "广西壮族自治区",
            "贵港市": "广西壮族自治区",
            "玉林市": "广西壮族自治区",
            "百色市": "广西壮族自治区",
            "贺州市": "广西壮族自治区",
            "河池市": "广西壮族自治区",
            "来宾市": "广西壮族自治区",
            "崇左市": "广西壮族自治区",
            "海口市": "海南省",
            "三亚市": "海南省",
            "三沙市": "海南省",
            "儋州市": "海南省",
            "五指山市": "海南省",
            "琼海市": "海南省",
            "文昌市": "海南省",
            "万宁市": "海南省",
            "东方市": "海南省",
            "定安县": "海南省",
            "屯昌县": "海南省",
            "澄迈县": "海南省",
            "临高县": "海南省",
            "白沙黎族自治县": "海南省",
            "昌江黎族自治县": "海南省",
            "乐东黎族自治县": "海南省",
            "陵水黎族自治县": "海南省",
            "保亭黎族苗族自治县": "海南省",
            "琼中黎族苗族自治县": "海南省",
            "重庆市": "重庆市",
            "重庆市郊县": "重庆市",
            "成都市": "四川省",
            "自贡市": "四川省",
            "攀枝花市": "四川省",
            "泸州市": "四川省",
            "德阳市": "四川省",
            "绵阳市": "四川省",
            "广元市": "四川省",
            "遂宁市": "四川省",
            "内江市": "四川省",
            "乐山市": "四川省",
            "南充市": "四川省",
            "眉山市": "四川省",
            "宜宾市": "四川省",
            "广安市": "四川省",
            "达州市": "四川省",
            "雅安市": "四川省",
            "巴中市": "四川省",
            "资阳市": "四川省",
            "阿坝藏族羌族自治州": "四川省",
            "甘孜藏族自治州": "四川省",
            "凉山彝族自治州": "四川省",
            "贵阳市": "贵州省",
            "六盘水市": "贵州省",
            "遵义市": "贵州省",
            "安顺市": "贵州省",
            "毕节市": "贵州省",
            "铜仁市": "贵州省",
            "黔西南布依族苗族自治州": "贵州省",
            "黔东南苗族侗族自治州": "贵州省",
            "黔南布依族苗族自治州": "贵州省",
            "昆明市": "云南省",
            "曲靖市": "云南省",
            "玉溪市": "云南省",
            "保山市": "云南省",
            "昭通市": "云南省",
            "丽江市": "云南省",
            "普洱市": "云南省",
            "临沧市": "云南省",
            "楚雄彝族自治州": "云南省",
            "红河哈尼族彝族自治州": "云南省",
            "文山壮族苗族自治州": "云南省",
            "西双版纳傣族自治州": "云南省",
            "大理白族自治州": "云南省",
            "德宏傣族景颇族自治州": "云南省",
            "怒江傈僳族自治州": "云南省",
            "迪庆藏族自治州": "云南省",
            "拉萨市": "西藏自治区",
            "日喀则市": "西藏自治区",
            "昌都市": "西藏自治区",
            "山南市": "西藏自治区",
            "那曲地区": "西藏自治区",
            "阿里地区": "西藏自治区",
            "林芝市": "西藏自治区",
            "西安市": "陕西省",
            "铜川市": "陕西省",
            "宝鸡市": "陕西省",
            "咸阳市": "陕西省",
            "渭南市": "陕西省",
            "延安市": "陕西省",
            "汉中市": "陕西省",
            "榆林市": "陕西省",
            "安康市": "陕西省",
            "商洛市": "陕西省",
            "兰州市": "甘肃省",
            "嘉峪关市": "甘肃省",
            "金昌市": "甘肃省",
            "白银市": "甘肃省",
            "天水市": "甘肃省",
            "武威市": "甘肃省",
            "张掖市": "甘肃省",
            "平凉市": "甘肃省",
            "酒泉市": "甘肃省",
            "庆阳市": "甘肃省",
            "定西市": "甘肃省",
            "陇南市": "甘肃省",
            "临夏回族自治州": "甘肃省",
            "甘南藏族自治州": "甘肃省",
            "西宁市": "青海省",
            "海东市": "青海省",
            "海北藏族自治州": "青海省",
            "黄南藏族自治州": "青海省",
            "海南藏族自治州": "青海省",
            "果洛藏族自治州": "青海省",
            "玉树藏族自治州": "青海省",
            "海西蒙古族藏族自治州": "青海省",
            "银川市": "宁夏回族自治区",
            "石嘴山市": "宁夏回族自治区",
            "吴忠市": "宁夏回族自治区",
            "固原市": "宁夏回族自治区",
            "中卫市": "宁夏回族自治区",
            "乌鲁木齐市": "新疆维吾尔自治区",
            "克拉玛依市": "新疆维吾尔自治区",
            "吐鲁番市": "新疆维吾尔自治区",
            "哈密市": "新疆维吾尔自治区",
            "昌吉回族自治州": "新疆维吾尔自治区",
            "博尔塔拉蒙古自治州": "新疆维吾尔自治区",
            "巴音郭楞蒙古自治州": "新疆维吾尔自治区",
            "阿克苏地区": "新疆维吾尔自治区",
            "克孜勒苏柯尔克孜自治州": "新疆维吾尔自治区",
            "喀什地区": "新疆维吾尔自治区",
            "和田地区": "新疆维吾尔自治区",
            "伊犁哈萨克自治州": "新疆维吾尔自治区",
            "塔城地区": "新疆维吾尔自治区",
            "阿勒泰地区": "新疆维吾尔自治区",
            "石河子市": "新疆维吾尔自治区",
            "阿拉尔市": "新疆维吾尔自治区",
            "图木舒克市": "新疆维吾尔自治区",
            "五家渠市": "新疆维吾尔自治区",
            "北屯市": "新疆维吾尔自治区",
            "铁门关市": "新疆维吾尔自治区",
            "双河市": "新疆维吾尔自治区",
            "可克达拉市": "新疆维吾尔自治区",
            "昆玉市": "新疆维吾尔自治区",
            "中西区": "香港特别行政区",
            "湾仔区": "香港特别行政区",
            "东区": "香港特别行政区",
            "南区": "香港特别行政区",
            "油尖旺区": "香港特别行政区",
            "深水埗区": "香港特别行政区",
            "九龙城区": "香港特别行政区",
            "黄大仙区": "香港特别行政区",
            "观塘区": "香港特别行政区",
            "荃湾区": "香港特别行政区",
            "屯门区": "香港特别行政区",
            "元朗区": "香港特别行政区",
            "北区": "香港特别行政区",
            "大埔区": "香港特别行政区",
            "西贡区": "香港特别行政区",
            "沙田区": "香港特别行政区",
            "葵青区": "香港特别行政区",
            "离岛区": "香港特别行政区",
            "香港特别行政区": "香港特别行政区",
            "澳门特别行政区": "澳门特别行政区",
            "花地玛堂区": "澳门特别行政区",
            "花王堂区": "澳门特别行政区",
            "望德堂区": "澳门特别行政区",
            "大堂区": "澳门特别行政区",
            "风顺堂区": "澳门特别行政区",
            "嘉模堂区": "澳门特别行政区",
            "路凼填海区": "澳门特别行政区",
            "圣方济各堂区": "澳门特别行政区",
            "台湾省": "台湾省"
        }
    </script>

    <script>
        var isClick = true;
        var Config = {
            "2": {
                type: 2, location: 1, color: 3, span: 8, malf: 1},
            "3": {
                type: 3, location: 1, color: 3, span: 10, malf: 1},
            "5": {
                type: 5, location: 2, color: 3, span: 2, malf: 1},
            "4": {
                type: 4, location: 2, color: 3, span: 4, malf: 1},
            "1": {
                type: 1, location: 3, color: 1, span: 10, malf: 6}
        };
        $(document).ready(function () {
            /** 获取ip定位省市 */
            globalData.ipPos = {
                city: "深圳市",
                city_id: 440300,
                county: "南山区",
                county_id: 440305,
                prov: "广东省",
                prov_id: 440000,
                addr: ""
            };
            globalData.selPos = {
                city: "深圳市",
                city_id: 440300,
                county: "南山区",
                county_id: 440305,
                prov: "广东省",
                prov_id: 440000,
                addr: ""
            };
            ajax_post("/Ip/getIpInfo", null, {
                succ: function succ(json) {
                    globalData.ipPos = json.ip_info;
                    globalData.selPos = json.ip_info;
                },
                fail: function fail(data) {
                }
            });
            $('.input').on('input',function(){
                $('.ErrorTip').hide();
            });
            $('#keyword').on('input',function(){
                $('.clear-words').show();
            });
            //锚点链接平滑滚动
            $('.currentToPhone').click(function () {
                $('html, body').animate({
                scrollTop: $($.attr(this, 'href')).offset().top
                }, 500);
                return false;
            });
        });
        //单选项选择
        function chooseOptions(e,obj) {
            if(e.target === obj){
                return;
            }
            e.preventDefault();
            $(obj).find(".type-item").removeClass('active');
            $(e.target).addClass('active');
            if($(obj).hasClass("type")){
                //选择的是类型
                var typeId = $(e.target).attr('typeId');
                
                // setInitOptions(typeId,"location");
                setInitOptions(typeId,"color");
                setInitOptions(typeId,"span");
                setInitOptions(typeId,"malf");
            }
        }
        //配置默认选项
        function setInitOptions(type,name){
            var id = Config[type][name];
            var arr = $("." + name).find(".type-item");

            $('.' + name).find('.type-item').show();
            if(Config[type][name + "forbid"] && Config[type][name + "forbid"].length>0){
                for(var i = 0;i < Config[type][name + "forbid"].length; i++){
                    var v = Config[type][name + "forbid"][i];
                    $('.' + name).find('span[' + name + 'Id="' + v + '"]').hide();
                }
            }
            for(var i=0; i < arr.length; i++){
                if(id == $(arr[i]).attr(name + 'Id')){
                    $("." + name).find(".type-item").removeClass('active');
                    $(arr[i]).addClass('active');
                    break;
                }
            }
        }
        //提交
        function submit(e,obj){
            trackBaidu(1);
            if(checkPhone()){
                // 百度事件统计
                trackBaidu(2);

                var mobile, city, prov, sem, cate = 2, type, surr, malf, color, span ;
                mobile =  $('.input-mobile').val().trim();

                city = globalData.ipPos.city;
                prov = globalData.cityToProvince[city];
                sem = globalData.sem;
                type = $(".type .active").attr('typeId');
                color = $(".color .active").attr('colorId');
                span = $(".span .active").html();
                malf = 0;

                var inquiryInfo = {
                    cate: cate,
                    mobile: mobile,
                    city: city,
                    sem: sem,
                    prov: prov,
                    type: type,
                    color: color,
                    span: span,
                    malf: malf
                };
                $.each(inquiryInfo, function (key, value) {
                    if (!value) {
                        delete inquiryInfo[key];
                    }
                });
                if(!isClick){
                    return;
                }else{
                    isClick = false;
                }
                postDraft(inquiryInfo, {
                    succ: function succ() {
                        isClick = true;
                        // 百度事件统计
                        trackBaidu(3);
                        $("#succTip").show();
                        setTimeout(function(){
                            $("#succTip").hide();
                        },3000);
                    },fail: function(){
                        isClick = true;
                        $("#succTip").show();
                        setTimeout(function(){
                            $("#succTip").hide();
                        },3000);
                    }
                });
            }
        }
        //检测手机号
        function checkPhone() {
            var mobile = $('.input-mobile').val().trim();
            if("" == mobile){
                $('.ErrorTip').html('手机号不能为空');
                $('.ErrorTip').show();
                return false;
            }
            if (!/^1(3|4|5|7|8)\d{9}$/.test(mobile)) {
                $('.ErrorTip').html('请填写正确的手机号');
                $('.ErrorTip').show();
                $('.input-mobile').val("");
                return false;
            }
            $('.ErrorTip').hide();
            return true;
        }
        //关闭浮层
        function closePanel(e,obj){
            // if(e.target === obj){
            //     $(obj).hide();
            // }
        }
        function removeSelf(e,obj) {
            $(obj).hide();
            $('.input-mobile').focus();
        }
        function clearWords(e,obj){
            $("#keyword").val("");
            $(obj).hide();
        }
        // 提交需求草稿
        function postDraft(data, cb) {
            ajax_post("/Client/Demand/postDraft", data, cb);
        }

        /** ajax请求方法 */
        function ajax_post(url, data, cb) {
            var URL = "https://opc.wanpinghui.com/api" + url;
            $.ajax(URL, $.extend({
                method: 'POST',
                data: data,
                dataType: "json",
                timeout: 30000,
                xhrFields: {
                    withCredentials: true
                },
                headers: {
                    'Accept': 'application/x-www-form-urlencoded',
                    'Content-Type': 'application/x-www-form-urlencoded'
                },
                contentType: 'application/x-www-form-urlencoded',
                success: function success(json, status, xhr) {
                    cb && cb.always && cb.always(json);
                    if (json.status == "200") {
                        cb && cb.succ && cb.succ(json);
                    } else {
                        cb && cb.fail && cb.fail(json);
                    }
                },
                error: function error(xhr, status, thrown) {
                    console.log("[!err!](" + url + "): status: " + xhr.status + ", msg: " + thrown);
                    cb && cb.fail && cb.fail();
                    console.error("接口[" + url + "]：失败");
                }
            }));
        }
        /** 百度统计事件
         * type: 1 ==  点击按钮就计算一次
         * type: 2 ==  手机号正确并点击按钮
         * type: 3 ==  手机号正确并提交草稿成功
         * */

        function trackBaidu(type) {
            var src = 'http://m.wanpingwang.com/track/Repair_Click_Btn.html';

            if(type == 2){
                src = 'http://m.wanpingwang.com/track/Repair_Click_With_Mobile.html';
            }else if(type == 3){
                src = 'http://m.wanpingwang.com/track/Repair_Click_And_Submit.html';
            }else if(type == 4){
                src = 'http://m.wanpingwang.com/track/Repair_Click_MeiQia.html';
            }else if(type == 5){
                src = 'http://m.wanpingwang.com/track/Repair_Click_Call.html';
            }

            // 百度事件统计
            var iframe = '<div class="hide"><iframe src="'+src+'"></iframe>"</div>';
            $('body').append(iframe);

        }
    </script>
    <!-- baidu统计 -->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?aa3c94f96c457d135742e396b36d64c9";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

    <!-- CNZZ统计代码 -->
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1274255512'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1274255512' type='text/javascript'%3E%3C/script%3E"));
    </script>

</body>
</html>